<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>权限表CRUD</title>
    <!-- 导入layui相关的样式 -->
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <!-- 导入自定义表单样式 -->
    <link rel="stylesheet" href="/css/custom.css">
    <!-- 导入layui函数库 -->
    <script src="/layui/layui.js" charset="UTF-8"></script>
    <!-- 导入jQuery函数库 -->
    <script src="/layui/jquery-2.2.1.js"></script>
    <!-- 导入自己写的js文件 -->
    <script src="/js/twj/SysRightCRUD.js"></script>
</head>
<body>
<!-- 多条件查询块 -->
<blockquote class="layui-elem-quote news_search">
    <!-- 多条件查询层开始 -->
    <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so" id="sysRight_search">
            权限标题：
            <div class="layui-input-inline">
                <input class="layui-input" type="text" name="rightText" id="rightText" placeholder="请输入权限名称"
                       autocomplete="off"/>
            </div>
            权限类型：
            <div class="layui-input-inline">
                <select name="rightType" id="rightType">
                    <option value="">--请选择--</option>
                    <option value="Folder">目录</option>
                    <option value="Document">菜单</option>
                    <option value="Button">按钮</option>
                </select>
            </div>
            <!--
            用a标签是因为点击button会提交两次，条件查询会被覆盖掉，
            这里可以换种方法进行条件查询，因为是别人写的，我也就不改了....
            -->
            <a class="layui-btn searchBtn">
                <i class="layui-icon">&#xe615;</i>
            </a>
        </form>
    </div>
    <!-- 多条件查询层结束 -->
    <!-- 数据表格 -->
    <table class="layui-hide" id="tab" lay-filter="tab">
    </table>
</blockquote>

<!-- 增加/修改界面开始 -->
<div id="data-main" style="display: none">
    <div style="padding: 20px"><!-- 控制表单位置 -->
        <form id="dataForm" class="layui-form" lay-skin="line" lay-filter="dataForm">
            <div class="layui-form-item">
                <label class="layui-form-label">权限编号</label>
                <div class="layui-input-block">
                    <input type="text" name="rightCode" placeholder="请输入权限编号" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <!-- 字段名提示标签 -->
                <label class="layui-form-label">权限标题</label>
                <!-- 输入框的层 -->
                <div class="layui-input-inline">
                    <input class="layui-input" type="text" name="rightText" lay-verify="required" placeholder="请输入权限名称"
                           autocomplete="off"/>
                </div>
            </div>
            <div class="layui-form-item">
                <!-- 字段名提示标签 -->
                <label class="layui-form-label">权限类型</label>
                <!-- 输入框的层 -->
                <div class="layui-input-inline">
                    <select name="rightType" lay-verify="required">
                        <option value="">--请选择--</option>
                        <option value="Folder">目录</option>
                        <option value="Document">菜单</option>
                        <option value="Button">按钮</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">权限描述</label>
                <div class="layui-input-block">
                    <input type="text" name="rightTip" placeholder="请输入权限描述" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">访问地址</label>
                <div class="layui-input-block">
                    <input type="text" name="rightUrl" placeholder="请输入访问地址" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">父节点</label>
                <div class="layui-input-block">
                    <select id="rightParentCode" name="rightParentCode"></select>
                </div>
            </div>
            <!-- 表单按钮 -->
            <button class="submitBtn" lay-submit lay-filter="submitBtn" style="display: none;">立即提交</button>
            <!-- 输入字段的层结束 -->
        </form>
    </div>
</div>
<!-- 增加/修改界面结束 -->

<!-- 表格头部上方工具栏脚本开始 -->
<script type="text/html" id="complain_toolbar">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm" lay-event="removeBatch"><i class="layui-icon">&#xe640;</i>批量删除</button>
        <button class="layui-btn layui-btn-sm" lay-event="add"><i class="layui-icon">&#xe61f;</i>添加</button>
    </div>
</script>
<!-- 表格头部上方工具栏脚本结束 -->

<!-- 数据行中操作按钮开始 -->
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="edit">修改</a>
    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="remove">删除</a>
</script>
<!-- 数据行中操作按钮结束 -->



</body>
</html>